body { background:#fff;}

.flexslider{height:450px;overflow:hidden;width: 100%; left:0; top:0;position: relative; min-width:1200px;}
.flexslider ul li a{ display:block; height:450px;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width: 60px;height: 3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width: 60px;height: 3px;line-height:40px;overflow:hidden;cursor:pointer;background:#fff;}
.flex-direction-nav{z-index:3;width:100%; margin:0 auto; position:relative;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:5%;background:url(../portal/arrowsleft.png) center center no-repeat; opacity:0.1;}
.flex-direction-nav li a.flex-prev:hover{ opacity:0.3;}
.flex-direction-nav li a.flex-next{right:5%; background:url(../portal/arrowsright.png) center center no-repeat; opacity:0.1;}
.flex-direction-nav li a.flex-next:hover{opacity:0.3;}
.flexslider1 { background:url(../portal/portal1.jpg) 50% 0 no-repeat;}
.flexslider2 { background:url(../portal/portal2.jpg) 50% 0 no-repeat;}
.flexslider3 { background:url(../portal/portal3.jpg) 50% 0 no-repeat;}
.flexslider4 { background:url(../portal/portal4.jpg) 50% 0 no-repeat;}
.flexslider5 { background:url(../portal/portal5.jpg) 50% 0 no-repeat;}
.flexslider6 { background:url(../portal/portal6.jpg) 50% 0 no-repeat;}
.flexslider7 { background:url(../portal/portal7.jpg) 50% 0 no-repeat;}



.sxp_portal1 { width:100%;background:#FFF;}
.sxp_portal1a { padding:80px 0;}
.sxp_portal1 .wp { width:1200px;margin:0 auto;}
.sxp_portal1 h3 {font-size: 30px;color: #CCCCCC;text-align: center;font-weight: 600;line-height: 30px;font-family: "Arial";}
.sxp_portal1 h2 {font-size: 30px;color: #333333;text-align: center;font-weight: 400;line-height:80px;}
.sxp_portal1 h2 em { padding:0;margin:0 25px;margin-bottom:10px;width:100px;height:2px;display:inline-block;}
.sxp_portal1 p { font-size:16px;color:#888;line-height:30px;padding:0 150px;text-align:center;}
.sxp_portal1 ul { width:1200px;height:250px;margin-top:50px;}
.sxp_portal1 ul li { width:270px;height:250px;float:left;overflow:hidden;margin-right:40px;position:relative;}
.sxp_portal1 ul li img { width:270px;height:180px;float:left;overflow:hidden; }
.sxp_portal1 ul li #imgmore { position:absolute;left:0;top:-180px;-webkit-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;}
.sxp_portal1 ul li p { width:270px;float:left;overflow:hidden;font-size:18px;color:#666;height:70px;line-height:70px;padding:0;text-align:center;}
.sxp_portal1 ul li:hover #imgmore { top: 0;}



.sxp_portal2 { width:100%;background:#F8F8F8;}
.sxp_portal2a { padding:80px 0;}
.sxp_portal2 .wp { width:1200px !important;margin:0 auto;}
.sxp_portal2 .frame-1-2-l { width:400px;float:left;padding-top:50px;}
.sxp_portal2 .frame-1-2-l h3 {font-size: 30px;color: #CCCCCC;text-align: center;font-weight: 600;line-height: 30px;font-family: "Arial";text-align:left;}
.sxp_portal2 .frame-1-2-l h2 {font-size: 30px;color: #333333;text-align: center;font-weight: 400;line-height:70px;text-align:left;margin-bottom:10px;}
.sxp_portal2 .frame-1-2-l p { font-size:16px;color:#888;line-height:30px;}
.sxp_portal2 .frame-1-2-l em {font-weight:normal;display:block;margin-top:50px; }
.sxp_portal2 .frame-1-2-l em a { font-size:16px;color:#FFF;padding:15px 50px;border-radius:2px;height:50px;line-height:50px;}
.sxp_portal2 .frame-1-2-r { width:726px;float:right;}
.sxp_portal2 .frame-1-2-r ul li { width:222px;height:210px;margin:0 0 20px 20px;float:left;overflow:hidden; }
.sxp_portal2 .frame-1-2-r ul li em { width:220px;height:180px;padding:0;margin:0;border:1px solid #EFEFEF;float:left;overflow:hidden;transition: all 0.2s linear 0s;}
.sxp_portal2 .frame-1-2-r ul li#portal2_1 em { background:url(../portal/sxpabout1.png) no-repeat scroll left center; }

.sxp_portal2 .frame-1-2-r ul li#portal2_1:hover em { background-image:url(../portal/sxpabout1s.png); }
.sxp_portal2 .frame-1-2-r ul li#portal2_2 em { background:url(../portal/sxpabout2.png) no-repeat scroll left center; }
.sxp_portal2 .frame-1-2-r ul li#portal2_2:hover em { background-image:url(../portal/sxpabout2s.png); }
.sxp_portal2 .frame-1-2-r ul li#portal2_3 em { background:url(../portal/sxpabout3.png) no-repeat scroll left center; }
.sxp_portal2 .frame-1-2-r ul li#portal2_3:hover em { background-image:url(../portal/sxpabout3s.png); }
.sxp_portal2 .frame-1-2-r ul li#portal2_4 em { background:url(../portal/sxpabout4.png) no-repeat scroll left center; }
.sxp_portal2 .frame-1-2-r ul li#portal2_4:hover em { background-image:url(../portal/sxpabout4s.png); }
.sxp_portal2 .frame-1-2-r ul li#portal2_5 em { background:url(../portal/sxpabout5.png) no-repeat scroll left center; }
.sxp_portal2 .frame-1-2-r ul li#portal2_5:hover em { background-image:url(../portal/sxpabout5s.png); }
.sxp_portal2 .frame-1-2-r ul li#portal2_6 em { background:url(../portal/sxpabout6.png) no-repeat scroll left center; }
.sxp_portal2 .frame-1-2-r ul li#portal2_6:hover em { background-image:url(../portal/sxpabout6s.png); }
.sxp_portal2 .frame-1-2-r ul li p { width:100%;height:20px;line-height:20px;text-align:center;color:#666;font-size:16px;margin-top:10px;float:left;overflow:hidden; }





.sxp_portal3 { width:100%;background:#fff;}
.sxp_portal3 .wp { width:1200px;margin:0 auto;}
.sxp_portal3 h3 {font-size: 30px;color: #CCCCCC;text-align: center;font-weight: 600;line-height: 30px;font-family: "Arial";padding-top:80px; }
.sxp_portal3 h2 {font-size: 30px;color: #333333;text-align: center;font-weight: 400;line-height:80px;}
.sxp_portal3 h2 em { padding:0;margin:0 25px;margin-bottom:10px;width:100px;height:2px;display:inline-block;}
.sxp_portal3_area { width:1200px;overflow:hidden; }
.sxp_portal3 .frame-1-1-1 { padding-top:35px; }
.sxp_portal3 .frame-1-1-1-l,.sxp_portal3 .frame-1-1-1-c,.sxp_portal3 .frame-1-1-1-r { width:360px;overflow:hidden;margin:0 60px 0 0;}
.sxp_portal3 .frame-1-1-1-r { margin-right:0; }
.sxp_portal3 .frame-1-1-1 dl { margin:0;padding:0;position:relative;width:360px;height:230px;margin-bottom:25px;}
.sxp_portal3 .frame-1-1-1 dl dd img { width:360px;height:230px;margin:0;padding:0;border:0; }
.sxp_portal3 .frame-1-1-1 dt { width:100%;position:absolute;left:0;bottom:0;height:30px;line-height:30px;text-align:center;background:url(../portal/blackbg.png) repeat scroll 0 0;}
.sxp_portal3 .frame-1-1-1 dt a { font-size:17px;color:#FFF; }
.sxp_portal3 .frame-1-1-1 ul li { background:url(../portal/subs2.gif) no-repeat scroll left center;line-height:36px;width:350px;height:36px;float:left;margin:0;padding:0;padding-left:10px;overflow:hidden;}
.sxp_portal3 .frame-1-1-1 ul li a { font-size:17px;color:#4a4a4a;}
.sxp_portal3 .frame-1-1-1 ul li em { float:right;font-weight:normal;margin-left:10px;color:#999; }
.sxp_portal3 .frame-1-1-1 h5 { font-weight:normal; line-height:60px;font-size:17px;color:#444;}
.sxp_portal3 .frame-1-1-1 h5 a { font-weight:normal;color:#999;float:right;font-size:15px; }


.sxp_case_ok { width:100%;background:#F8F8F8; }
.sxp_portal4 .wp { width:1200px;margin:0 auto;}
.sxp_portal4 h3 {font-size: 30px;color: #CCCCCC;text-align: center;font-weight: 600;line-height: 30px;font-family: "Arial";padding-top:80px; }
.sxp_portal4 h2 {font-size: 30px;color: #333333;text-align: center;font-weight: 400;line-height:80px;}
.sxp_portal4 h2 em { padding:0;margin:0 25px;margin-bottom:10px;width:100px;height:2px;display:inline-block;}
.sxp_case_area{position:absolute;}
.sxp_case_all {width: 1200px;height: 310px;position:relative;margin-bottom:80px;}
.sxp_case_left {cursor:pointer;position:absolute;top:150px;left:0;*+left:-1px;width:25px;height:43px;background: url(../portal/case_left.png) no-repeat;}
.sxp_case_right {cursor: pointer;position: absolute;right: 0;top: 150px;width: 25px;height: 43px;background: url(../portal/case_right.png) no-repeat;}
.sxp_case_box { position: absolute;width: 1100px;height: 260px;margin: 50px 50px 0 50px;overflow: hidden;}
.sxp_case_li {float: left;width: 350px;height: 260px;margin-right: 25px;overflow: hidden;font-size: 12px;}
.sxp_case_li img { width: 350px;height: 220px;}
.sxp_case_li p { line-height:30px;text-align:center;font-size:17px;color:#666;margin-top:10px;}



.sxp_phoneapp_area { width:900px;margin:0 auto;}
.sxp_phoneapp_area img { margin-left:10px;margin-top:51px;}


.sxp_phoneapp_c { width:100%;height:514px;padding:60px 0;background:url(../portal/phonebg.jpg) no-repeat scroll center center;}
.sxp_phoneapp_cl { width:250px;height:514px;float:left;overflow:hidden;background:url(../portal/x3.png) no-repeat scroll center center;}
.sxp_phoneapp_cr { width:400px;padding-top:114px;height:400px;float:right;overflow:hidden;}
.sxp_phoneapp_cr img { width:200px;height:200px; }
.sxp_phoneapp_cr p { font-size:18px;line-height:30px;color:#fff;margin-top:20px;padding-left:10px;}
.sxp_phoneapp_a { width:100%;height:514px;padding:50px 0;background:#fff;}
.sxp_phoneapp_al { width:250px;height:514px;float:left;overflow:hidden;background:url(../portal/phone/x3.png) no-repeat scroll center center;}
.sxp_phoneapp_ar { width:400px;padding-top:164px;height:350px;float:right;overflow:hidden;}
.sxp_phoneapp_ar h2 { font-size:32px;line-height:50px;color:#333; }
.sxp_phoneapp_ar p { font-size:18px;line-height:30px;color:#666;margin-top:5px;}
.sxp_phoneapp_b { width:100%;height:514px;padding:50px 0;background:#f6f6f6;}
.sxp_phoneapp_br { width:250px;height:514px;float:right;overflow:hidden;background:url(../portal/x3.png) no-repeat scroll center center;}
.sxp_phoneapp_bl { width:400px;padding-top:164px;height:350px;float:left;overflow:hidden;}
.sxp_phoneapp_bl h2 { font-size:32px;line-height:50px;color:#333; }
.sxp_phoneapp_bl p { font-size:18px;line-height:30px;color:#666;margin-top:5px;}

.portalad1 { width:100%;background:#fff;height:780px;padding:10px 0; }
.portalad2 { width:100%;background:#F8F8F8;height:700px;padding:10px 0; }
.portalad3 { width:100%;background:#fff;height:700px;padding:10px 0; }
.portalad4 { width:100%;background:#F8F8F8;height:700px;padding:10px 0; }

.portalad1 .wp{ width:1200px;height:780px;margin:0 auto;}
.portalad2 .wp,.portalad3 .wp,.portalad4 .wp { width:1200px;height:700px;margin:0 auto;}
.portalad1 img{ border:0 none;width:auto;height:780px;margin:0 auto;}
.portalad2 img,.portalad3 img,.portalad4 img { border:0 none;width:auto;height:700px;margin:0 auto;}